Knockout multiselect dropdown handler with "populateInitialValue" functionality

I am trying to implement the JQuery multiselect dropdown plugin with knockout with "populateInitialValue" functionality. I have it "working" now but the problem is that it duplicates the options over and over again when loading the container template. I am not even sure how to create a fiddle with this so I hope the information provided will be helpful enough.

Basically, I am lazy loading the dropdowns, so I need to store the value so when I get the options the multiselect dropdown will have them selected already.

multiSelectCheck: {
            init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
                // This will be called when the binding is first applied to an element
                // Set up any initial state, event handlers, etc. here
                var bindings = allBindingsAccessor();
                var ddOptions = unwrap(valueAccessor);
                var selectedOptions = unwrap(bindings.selectedOptions);
                var options = unwrap(bindings.multiselectOptions) || [];
                var optionsCaption = unwrap(bindings.optionsCaption);
                var displaySelected = unwrap(bindings.selectedList) || 5;
                var loading = unwrap(bindings.loading);
                var loadingCaption = unwrap(bindings.loadingCaption);
                var delimiter = unwrap(bindings.splitSelectedBy) || ',';
                var setInitial = unwrap(bindings.setInitialValue);

                ko.computed(function () {
                    if (unwrap(bindings.loading)) {
                        var spinnerClass = 'fa fa-spinner fa-spin fa-lg';
                        var spinner = loadingCaption || '<span><i class="' + spinnerClass + '"></i> Loading...</span>';

                        // set text to loading
                        $(element).multiselect({ selectedList: 0, noneSelectedText: spinner, selectedText: spinner }).multiselect('disable');
                        $(element).multiselect('refresh');
                    }
                }, null, { disposeWhenNodeIsRemoved: element });

                var internal = { selectedList: displaySelected, noneSelectedText: 'Select options', selectedText: '# selected' }

                options = $.extend(internal, options);

                // pass the original optionsCaption to the similar widget option
                if (optionsCaption) {
                    options.noneSelectedText = unwrap(optionsCaption);
                }

                // remove this and use the widget's
                bindings.optionsCaption = '';

                // populate intitial values if available
                if (ddOptions && !ddOptions.length && setInitial) {
                    if (selectedOptions) {
                        if (typeof selectedOptions == 'string') {
                            selectedOptions = selectedOptions.split(delimiter);
                            selectedOptions = selectedOptions.filter(function (e) { return !!e; }); // filter empty nodes
                            bindings.selectedOptions(selectedOptions);
                        }

                        for (var i = 0; i < selectedOptions.length; i++) {
                            var item = { Value: selectedOptions[i], Text: '' };
                            //console.log(item);
                            unwrap(valueAccessor()).push(item);
                        }
                    }
                }

                var elm = $(element).multiselect(options).multiselectfilter({ filterOnly: true, autoReset: true });

                $(element).multiselect('refresh');

                ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
                    elm.multiselectfilter('destroy').multiselect("destroy");
                    $(element).remove();
                });

            },
            update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
                // This will be called once when the binding is first applied to an element,
                // and again whenever the associated observable changes value.
                // Update the DOM element based on the supplied values here.
                var bindings = allBindingsAccessor();
                var selectOptions = unwrap(bindings.multiSelectCheck);
                var selectedOptions = unwrap(bindings.selectedOptions);
                var delimiter = unwrap(bindings.splitSelectedBy) || ',';
                var displaySelected = unwrap(bindings.selectedList) || 5;

                // remove this and use the widget's 
                bindings.optionsCaption = '';

                // handle delimited values
                if (typeof selectedOptions == 'string') {
                    selectedOptions = selectedOptions.split(delimiter);
                    selectedOptions = selectedOptions.filter(function (e) { return !!e; }); // filter empty nodes
                    bindings.selectedOptions(selectedOptions);
                }

                ko.bindingHandlers.options.update(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);
                var data = unwrap(valueAccessor());
                var showFilter = (data && data.length > 10) ? 'enable' : 'disable';

                setTimeout(function () {
                    var $element = $(element);
                    $element.multiselect({ selectedList: displaySelected, noneSelectedText: 'Select options', selectedText: '# selected' }).multiselect('enable').multiselect('refresh').multiselectfilter('refresh');
                    $element.multiselectfilter(showFilter);
                    $element.multiselect('refresh');
                }, 0);
            }
        }