JSFiddle - React, Tailwind, and code Playground

HTML

<!-- ko if: attachmentsProdutos().length > 0 -->
        <div class="row">
            <div class="col-md-12">
                <label class="control-label">Anexos</label>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-12">
                <ul data-bind="foreach: attachmentsProdutos" class="attachment-items">
                    <li>
                        <span class="attachment-item"></span><a data-bind="text: name, attr: { href: link }"  target="_blank"></a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /ko -->

JavaScript

var allData= [{"name":"Cópia de 3T2016_E8601 Enquadramento Regulatório_EDP BR_Vcsan.xlsx","link":"/sites/regulatoryaffairs/EDPProcessosRegulatoriosOnline/Lists/Produtos/Attachments/395/Cópia de 3T2016_E8601 Enquadramento Regulatório_EDP BR_Vcsan.xlsx"},{"name":"Enquadramento regulatorio.pdf","link":"/sites/regulatoryaffairs/EDPProcessosRegulatoriosOnline/Lists/Produtos/Attachments/395/Enquadramento regulatorio.pdf"}];
(function() {
    function TaskListViewModel() {
        // Data
        var self = this;
        self.attachmentsProdutos = ko.observableArray([]);


			self.attachmentsProdutos(allData);

    }

    var test = new TaskListViewModel();
    console.log(test);
    ko.applyBindings(new TaskListViewModel());
}())