Comments by Avishek Pat (Top 6 by date)

<script>
$(function() {
var drop-cnt = 0;
var iteration-cnt = @Model.DataIteration;//Replace the @Model.DataIteration with your logic to get the mysql fetched value

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {

if(drop-cnt <= iteration-cnt){
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
}
else{
//unbinding the events
$('#draggable').unbind('draggable');
$('#droppable').unbind('droppable');
}
});
});

This might work for you. Please let me know what are the outcomes for this.