Isotope binding for Knockout, using "arrayChange" feature of Knockout 3.0. Example: http://jsfiddle.net/mbest/ACSGx/

mbest-knockout-isotope.js

/*
 Isotope binding for Knockout 3+
 (c) Michael Best
 License: MIT (http://www.opensource.org/licenses/mit-license.php)
*/

"use strict";

ko.bindingHandlers.isotope = {
    init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
        // This function is run as a computed observable and gets the binding value, saving the data
        // value as an observableArray. If an observableArray is given and there are no other
        // dependencies, just use that observable. Otherwise, update our own observableArray with
        // the latest value.
        function setDataObservableAndOptions() {
            var value = valueAccessor();
            if (value && value.data && !('length' in value)) {
                if (value.isotopeOptions && typeof(value.isotopeOptions) == 'function') {
                    ko.utils.extend(isotopeOptions, value.isotopeOptions());
                }
                value = value.data;
            }

            // If there are any dependencies, those dependencies might later change the observableArray object
            // itself. So play it safe and only use the given observableArray if there are no dependencies.
            if (!dataComputed.getDependenciesCount() && ko.isObservable(value) && 'push' in value) {
                dataObservable = value;
            } else {
                dataObservable(ko.unwrap(value));
            }
        }

        // Create a copy of the template element, add it to the container, and bind it to the data item.
        function createAndAddItemElement(item) {
            var itemElement = $template.clone()[0];
            element.appendChild(itemElement);

            var itemContext = bindingContext.createChildContext(item);
            ko.applyBindings(itemContext, itemElement);

            return itemElement;
        }

        // Called after all elements are added to itemElements, this will update their index values
        // so that they're ordered properly by Isotope.
        function updateIndexes() {
            var i, itemElement;
            for (i = 0; itemElement = itemElements[i]; ++i) {
                itemElement._ko_isotope_index = i;
            }
        }

        // Whenver the observableArray changes, respond by updating the container and Isotope
        function respondToArrayChanges(changeList) {
            var i, change, itemElement,
                elemsToRemove = [], elemsToMove = [], elemsToAdd = [];

            // Deletions
            for (i = changeList.length-1; change = changeList[i]; --i) {
                if (change.status === 'deleted') {
                    itemElement = itemElements.splice(change.index, 1)[0];
                    if (change.moved == undefined) {
                        elemsToRemove.push(itemElement);
                    } else {
                        elemsToMove[change.index] = itemElement;
                    }
                }
            }

            // Additions
            for (i = 0; change = changeList[i]; ++i) {
                if (change.status === 'added') {
                    if (change.moved == undefined) {
                        elemsToAdd.push(itemElement = createAndAddItemElement(change.value));
                    } else {
                        itemElement = elemsToMove[change.moved];
                    }
                    itemElements.splice(change.index, 0, itemElement);
                }
            }


            // Update Isotope
            if (elemsToRemove.length) {
                $container.isotope('remove', $(elemsToRemove));
            }
            if (elemsToAdd.length || elemsToMove.length) {
                // When items are added or reorderd, Isotope needs to know the new indexes.
                updateIndexes();
                $container.isotope('reloadItems');

                if (elemsToAdd.length)
                    $container.isotope('insert', $(elemsToAdd));
                else
                    $container.isotope();       // When items are just reordered, this tells Isotope to sort and refresh.
            }
        }

        var isotopeOptions = {
                itemSelector : '',
                filter: '*',
                sortBy: 'index',
                getSortData: { index: function ($elem) { return $elem[0]._ko_isotope_index; } }
            },
            $container = $(element),
            $template = $container.children(),
            dataObservable = ko.observableArray(),
            dataComputed = ko.computed(setDataObservableAndOptions, null, {deferEvaluation:true, disposeWhenNodeIsRemoved:element}),
            itemElements,
            subscription;

        if ($template.length !== 1) {
            throw Error("Isotope binding requires a single element as a template");
        }

        // Access computed observable to initialize it
        dataComputed();

        // Initialize with data from the array.
        $container.empty();
        itemElements = ko.utils.arrayMap(dataObservable(), createAndAddItemElement);
        updateIndexes();
        $container.isotope(isotopeOptions);

        // Set up a subscription to respond to changes in the array.
        subscription = dataObservable.subscribe(respondToArrayChanges, null, 'arrayChange');
        ko.utils.domNodeDisposal.addDisposeCallback(element, subscription.dispose.bind(subscription));

        return { controlsDescendantBindings: true };
    }
};

Thanks for your effort and sharing this. But there's a problem when using a more complex item template, please see here: http://jsfiddle.net/David_Libido/cdwjjdpo/2/
Any ideas how to fix this?
Edit: never mind, I just needed to use the itemSelector option

Thanks for the feedback. I changed the code to use itemSelector : '' and that seems to fix it.