Late observable-array binding in KnockoutJS
===

My MVC razor view renders this part:

    function existingNamingsViewModel() {
                var self = this;
                var initialData = @Html.Raw(new JavaScriptSerializer().Serialize(Model));
                self.ExistingNamings = ko.observableArray(initialData);
            }
            ko.applyBindings(new existingNamingsViewModel(), document.getElementById("namings-control"));

Into a correct JS-serialized markup, with initial data being initialized as:

    var initialData = [{"TypeName":"Orders","NameBlocks":["{intInc_G}","/","{intInc_D}","/02/-","{yy}"],"ParamBlocks":["2296","","1","",""]}];

This results in an editable grid:
![enter image description here][1]

I need KOJS to automatically be able to update the view model whenever user changes data in those input fields. But since the view model was initialize from simple JSON object, `NameBlocks` and `ParamBlocks` are not `ko.observableArray`. I need them to be. How do I achieve this? 

P.S. One idea is to do a more complex initialization where razor serializes only `Name`/`ParamBlocks` arrays, and `ExistingNamings` array is populated via javascript code manually, creating a custom Naming class object that has `Name`/`ParamBlocks` wrapped into `ko.observableArray`. But is this the only way?


  [1]: http://i.stack.imgur.com/WtjyR.png