We iterate through an array of items that are filtered and deleted from the observable array. If the deletion is large, 1000+, the page is unresponsive for maybe 4 seconds. Is there a way to get around this?

Script

   for (m = 0, gamesLength = unscheduledGames.length; m < gamesLength; m++) {
                viewModel.unscheduled.games.remove(unscheduledGames[m]);
            }

DOM

     <!-- ko foreach: games -->
                        <!-- ko if: $data.Matchup() && $data.Matchup().Selected() -->
                        <div class="item-container draggable-item-container clearfix">
...More Stuff
                        </div>
                        <!-- /ko -->
     <!-- /ko -->