knockoutjs داینامیک سازی

سلام.
من با پلاگین knockoutjs این کوئری رو نوشتم.
ولی میخوام خوراک کوئریم داینامیک باشه و از یک لینک جی سون اطلاعات رو بخونه.
چه تغییراتی باید بدم؟؟؟
html

                                    <tbody id="data" data-bind="foreach: data"></tbody>
                            <a data-bind="click: showMore" class="load-more btn">Load More <i class="icon ion-md-arrow-down"></i></a>

js

        $("#data").html('<tr data-bind="attr: { href: url, title: details }"><td><i data-bind="attr:{ class:isFavorite==true ?\'ion-md-star\':\'icon ion-md-star-outline\'}"></i></td></tr>');
 
        function obj(url, details, isFavorite) {
            return {
                url: url,
                details: details,
                isFavorite: isFavorite
            };
        }
        vm = {
            howmany: ko.observable(10),
            showMore: function() {
                vm.howmany(vm.howmany() + 5);
            },
            result: [
                obj('#', 'test detail',false),
                obj('#', 'test detail',false),
                obj('#', 'test detail',false)
            ],
            cryptdata: ko.pureComputed(function () {
                return vm.result.slice(0, vm.howmany());
            })
        };
        ko.applyBindings(vm);