var ViewModel =
{
    results_page: ko.observableArray(),
    show_result: ko.observable(true),
    load_page: function (data, event) { setupPage(event.currentTarget.children[0].innerHTML) }
}

function setupPage(page_index) {

    //some code goes here

    $.get(url, function (data) {
        data = JSON.parse(data);
        if (data.result || false) {
            ViewModel.results_page([]);
            var page = [];
            for (var i = 0; i < result.length; i++) {
                    //some code goes here
                    page.push(result[i]);
                }
            }
            ViewModel.results_page(page);
        }
    });
}

<ul id="results" data-bind="visible: show_result, foreach: results_page">
    <li style="margin-top: 0px; cursor: pointer;">
        <a data-bind="text: description"></a>
    </li>
</ul>

<ol data-bind="foreach: new Array(pages_count())">
    <li data-bind="click: $root.load_page">
        <a data-bind="text: $index() + 1"></a>
    </li>
</ol>